.navbar {
  /* position: fixed; */
  /* width: rem(250px); */
  height: calc(rem(100vh) - rem(60px));
  background-color: var(--mantine-color-body);
  border-right: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));

  display: flex;
  flex-direction: column;
}

.navHeader {
  padding: var(--mantine-spacing-sm);
  border-bottom: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
}

.navMiddle {
  flex: 1;
  padding: 0 var(--mantine-spacing-sm);
}

.navFooter {
  padding: var(--mantine-spacing-sm);
  border-top: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
}
